PBA INSTITUTE

CSS IN HTML

CSS (Cascading Style Sheets) is a crucial component of HTML, governing the visual presentation and layout of web pages. It enables designers to specify styles for HTML elements, including colors, fonts, spacing, and more. CSS can be embedded within HTML documents using <style> tags, applied directly to elements through inline styling, or linked externally using separate CSS files. Its flexibility and power empower developers to create visually appealing and responsive web experiences, enhancing user engagement and usability.
CSS can be included in an HTML document in three main ways:

1. Inline CSS: You can apply CSS directly to HTML elements using the style attribute.

Example-1

													
													
<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
  <p style="color: blue; font-size: 16px;">PBA INSTITUTE.</p>
</body>
</html>
													
													
												

Output :

PBA INSTITUTE.

2. Internal CSS: You can include CSS within the <style> tags in the <head> section of an HTML document.

Example-2

													
													
<!DOCTYPE html>
<html>
<head>
<style>
    p {
        color: tomato;
        font-size: 18px;
    }
</style>
</head>
<body>
  <p>PBA INSTITUTE.</p>
</body>
</html>
													
													
												

Output:

PBA INSTITUTE.

3. External CSS:You can create a separate CSS file with .css extension and link it to your HTML document using the <link> tag in the <head> section.

													
													
<!DOCTYPE html>
<html>
<head>
<head>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>
</head>
<body>
  <p>PBA INSTITUTE.</p>
</body>
</html>
													
													
												

In an external CSS file (styles.css), you would define your styles:

													
													p {

    												   color: green;

    												   font-size: 20px;

													}

Conclusion :

In Conclusion,CSS makes web pages look really good! It lets designers control how everything looks, from colors and fonts to spacing and layout. Whether they put CSS directly in the HTML, attach it to elements directly, or link it from another file, it gives them the power to create amazing and responsive websites. CSS and HTML work together to make the internet more interesting and enjoyable for everyone who uses it, no matter what device they're using..

CSS IN HTML

Conclusion :

HTML All Topics

SHARE